<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<title>招聘首页</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<!--头部开始-->
		<div class="header">
			<!--顶部信息栏-->
			<div class="msg-lists">
				<!--通用顶栏开始 logo和搜索框-->
				<div class="col_header">
					<div class="logo">
						<a href="#" title="">
							<img src="" alt="" />
						</a>
					</div>
					<div class="Ad">
						<a href=""><img src="" alt="" /></a>
					</div>
					<div class="login">
						<a href="signIn.html" id="LoginIn"><strong>商家登录</strong></a> / <a href="register.html" id="signIn">商家注册</a>
					</div>
				</div>
				<!--通用顶栏开始logo和搜索框结束-->
				<!--功能模块导航栏开始-->
				<div class="nav">
					<div class="inner">
						<ul class="nav_list">
							<li class="current">
								<a href="#" title="">首页</a>
							</li>
							<li>
								<a href="#">全职</a>
							</li>
							<li>
								<a href="#">兼职</a>
							</li>
						</ul>
					</div>
				</div>
				<!--功能模块导航栏结束-->
			</div>
		</div>
		<!--头部结束-->
		<!--身体部分开始-->
		<div class="wrapper mb_20">
			<div class="wrapperinner">
				<!--城市选择开始-->
				<div class="wrapperCon mb_20">
					<div class="nowcity">
						<span class="map">当前城市：<span class="infoPro"></span><span class="infoCity"></span>
					</div>
					<div class="titlelink mb_20">
						<div class="link">热门城市：
							<a href="">北京</a>
							<a href="">广州</a>
							<a href="">上海</a> 
							<a href="">深圳</a> 
							<a href="">成都</a> 
							<a href="">杭州</a> 
							<a href="">南京</a> 
							<a href="">天津 </a> 
							<a href="">武汉 </a> 
							<a href="">合肥</a> 
							<a href="">芜湖</a> 
							<a href=""> 蚌埠</a> 
							<a href=""> 阜阳</a> 
							<a href=""> 淮南</a> 
							<a href="">安庆</a> 
							<a href=""> 宿州</a> 
							<a href=""> 六安</a> 
							<a href=""> 淮北</a> 
						</div>
						<a href="javascript:;" class="more" id="spicel">切换城市&gt;</a>
					</div>
					<div class="CityBox">
							<div class="border">
								<div class="clearfix">
									<div class="name">切换城市</div>
									<div class="provice">
									</div>
								</div>
								<div class="city">
									<div class="contentbox"></div>
								</div>
								<!--隐藏
								<p class="out">您选择的城市是：<span class="infoPro"></span><span class="infoCity"></span></p>
								-->
							</div>
					</div>
				</div>
				<!--城市选择结束-->
				<!--顶级公司开始-->
				<div class="superCompany">
					<h3>顶级公司</h3>
					<div class="recommand">
						<ul class="clearfix">
							<li><a href=""><img /></a></li>
							<li><a href=""><img /></a></li>
							<li><a href=""><img /></a></li>
							<li><a href=""><img /></a></li>
							<li><a href=""><img /></a></li>
						</ul>
					</div>
				</div>
				<!--顶级公司结束-->
				<!--招聘栏目开始-->
				<div class="employ">
					<div class="clearfix">
						<!--全职招聘开始-->
						<div class="FullTime employbox">
							<div class="titlebox">
								<h3>全职招聘</h3>
								<a href="" class="more">更多&gt;</a>
							</div>
							<div class="employContent">
								<ul>
									<li>
										<div class="content clearfix">
											<div class="imgbox fl"><a href=""><img src="" /></a></div>
											<div class="textbox">
												<h3><a href="">这里是职位</a></h3>
												<a class="infomessage">这里是工资</a>
												<p class="conpany">这里是公司名称</p>
												
											</div>
											<div class="btnBox">
												<a href="" class="btn">联系方式</a>
												<p class="time">2018年10月1日23:11:05</p>
											</div>
										</div>
									</li>
									
								</ul>
							</div>
						</div>
						<!--全职招聘结束-->
						<!--兼职招聘-->
						<div class="PartTime employbox">
							<div class="titlebox">
								<h3>兼职招聘</h3>
								<a href="" class="more">更多&gt;</a>
							</div>
							<div class="employContent">
								<ul>
									<li>
										<div class="content clearfix">
											<div class="imgbox fl"><a href=""><img src="" /></a></div>
											<div class="textbox">
												<h3><a href="">这里是职位</a></h3>
												<a class="infomessage">这里是工资</a>
												<p class="conpany">这里是公司名称</p>
												
											</div>
											<div class="btnBox">
												<a href="" class="btn">联系方式</a>
												<p class="time">2018年10月1日23:11:05</p>
											</div>
										</div>
									</li>
									
								</ul>
							</div>
						</div>
						<!--兼职招聘结束-->
					</div>
				</div>
				<!--招聘栏目结束-->
				<!--最新发布开始-->
				<div class="warpperUpdate wrapper ">
					<div class="titlelink mb_20">
						<div class="link">
							最新发布
						</div>
						<span class="more">更多&gt;</span>
					</div>
					<div class="updateCon">
						<ul class="clearfix">
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
							<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
						</ul>
					</div>
				</div>
				<!--最新发布结束-->
				<!--一堆图标页开始-->
				
			</div>
		</div>
		<!--身体部分结束-->
		<!--footer部分开始-->
		<div class="footer">
			<div class="friendly clearfix">
				<ul>
					<li class="friendlyBox">
						<h2 class="title">联系方式</h2>
						<ul class="info">
							<li><a href="#">版权声明</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<!--footer部分结束-->
		<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
		<script type="text/javascript" src="js/data.js" ></script>
	<script>
		$(function () {
            $(".nav_list li").click(function () {
            	console.log("chufa");
                $(this).addClass("current").siblings().removeClass("current");
            });
            $('#spicel').click(function(){
            	$('.CityBox').toggle();
            });
        })
	</script>	
	</body>
</html>
